<!DOCTYPE html>
<html>
<head>
    <meta charset="UTF-8">
    <!-- import CSS -->
    <link rel="stylesheet" href="https://unpkg.com/element-ui/lib/theme-chalk/index.css">
</head>
<body>
<div id="app">
    <el-button @click="getClue">线索</el-button>
    <el-button @click="getBusiness">商机</el-button>
    <el-row v-for="item in list" :key="item.id">
        <el-col :span="8">
            <el-card>
                <div>{{ item.name }}</div>
                <div>{{ item.id }}</div>
                <!-- 其他需要展示的内容 -->
            </el-card>
        </el-col>
    </el-row>
</div>
</body>
<!-- import Vue before Element -->
<script src="https://unpkg.com/vue@2/dist/vue.js"></script>
<!-- import JavaScript -->
<script src="js/unpkg.com_element-ui@2.15.13_lib_index.js"></script>
<script src="https://unpkg.com/axios/dist/axios.min.js"></script>


<script>
    new Vue({
            el: '#app',
            data: function () {
                return {
                    visible: false,
                    list: []
                }
            }, methods: {
                getClue() {
                    axios
                    ('http://localhost:8888/clue-noc/clue').then(response => {
                        console.log(response);
                        this.list = response.data.data;
                    })
                        .catch(function (error) {
                            console.log(error);
                        });
                }, getBusiness() {
                    axios
                    ('http://localhost:8888/business-noc/business/tbBusiness').then(response => {
                        console.log(response);
                        this.list = response.data.data;
                    })
                        .catch(function (error) {
                            console.log(error);
                        });
                }
            }
        },
    )
</script>
</html>